import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzIconModule } from 'ng-zorro-antd/icon';
import { NzSliderModule } from 'ng-zorro-antd/slider';
import { NzSpaceModule } from 'ng-zorro-antd/space';

@Component({
  selector: 'app-space-custom',
  standalone: true,
  imports: [
    NzButtonModule,
    NzIconModule,
    NzSpaceModule,
    NzSliderModule,
    FormsModule,
  ],
  template: `
    <div class="demo">
      <div>
        <nz-slider nzMin="0" nzMax="128" [nzStep]="8" [(ngModel)]="size" />
      </div>
      <nz-space [nzSize]="size">
        <button nz-button nzType="primary" *nzSpaceItem>添加数据</button>
        <button nz-button *nzSpaceItem>
          <span nz-icon nzType="upload"> </span>
          上传数据
        </button>
        <button nz-button *nzSpaceItem>校验数据</button>
      </nz-space>
    </div>
  `,
  styles: ``,
})
export class SpaceCustomComponent {
  size = 8;
}
